<template>
  <nav-bar class="m-header">
    <div slot="left">
      <router-link tag='div' class='header-mine' to='/mine'>
        <i class='icon-mine'></i></router-link>
    </div>
    <div slot="center">
      <h1> Super Music</h1>
    </div>
    <div slot="right">
      <router-link class="header-search" tag='div' to='/search'>
        <i class="icon-search"></i></router-link>
    </div>
  </nav-bar>
</template>
<script>
import NavBar from 'components/common/navbar'
export default {
  components: { NavBar }
}
</script>
 <style scoped>
.m-header {
  color: var(--color-theme);
  font-size: 16px;
}
.header-mine {
  font-size: 20px;
}
.header-search {
  font-size: 25px;
}
</style>
